<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/desandro.css" />
</head>
<body>
<jsp:include page="Head.jsp"/>
<!--main-container-->
<c:set var="product" value="${requestScope.phone}" scope="page" /> 
    <div class="main-container pinpage-right col2-right-layout">
        <div class="main">
        	<!-- Show Product Infomation -->
             <%-- <div class="breadcrumbs">
                <ul>
                    <li class="home">
                        <a title="Go to Home Page" href="../">Home</a>
                        <span>/ </span>
                    </li>
                    <li class="product">
                        <strong>${product.phoneType}</strong>
                    </li>
                </ul>
            </div> --%>
            <div class="col-main">
                <script type="text/javascript">
                var optionsPrice = new Product.OptionsPrice([]);
                </script>
                <div id="messages_product_view"></div>
                <div class="product-view">
                    <div class="product-essential">
                        <div class="product-shop">
                            <div class="product-name">
                                <h1>${product.phoneName}</h1>
                            </div>
                                
                                
                                <div class="price-box">
                                    <span id="product-price-112" class="regular-price">
                                        <span class="price">Price: <fmt:formatNumber type="number" 
            maxFractionDigits="3"  value="${product.price}" /> VND</span>
                                    </span>
                                </div>   
                                <div class="add-to-box">
                                <div class="add-to-cart">
                                    <label for="qty">Qty:</label>
                                    <input id="qty" class="input-text qty" type="text" title="Qty" value="1" maxlength="12" name="qty">
                                    <button class="button btn-cart" onclick="productAddToCartForm.submit(this)" title="Add to Cart" type="button">
                                    <span>
                                    <span>Add to Cart</span>
                                    </span>
                                    </button>
                                </div>
                                <span class="or">OR</span>
                                <ul class="add-to-links">
                                    <li>
                                        <a class="link-wishlist" onclick="productAddToCartForm.submitLight(this, '">Add to Wishlist</a>
                                    </li>
                                    <li>
                                        <span class="separator">|</span>
                                        <a class="link-compare" href="">Add to Compare</a>
                                    </li>
                                </ul>
                                </div>   
                                     
                         </div>
                         <div class="product-img-box">
                            <p class="product-image product-image-zoom">
                                <img id="image" title="Red tshirt" alt="Red tshirt" src="${product.picture }" style="width: 265px; left: 0px; top: 0px;">
                            </p>
                           
                           
                            
                        </div>
                        <div class="clearer"></div>        
                    </div>
                    <div class="product-collateral">
                        <div class="box-collateral box-description">
                        <h2>Details</h2>
                        <div class="std"> 
                        	${product.description}
                        </div>
                        </div>
                    </div>
                    
                    
                </div>
                
            </div>	
            	
            
        </div>
	</div>        



<jsp:include page="footer.jsp"/>
</body>
</html>